<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head>
    <title>College Entrance Examination</title>
    <style type="text/css">
        body {
            background-color: #1cba9c
        }

        #demo {
            color: #b2571e;
        }

        .audioDiv {
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<div>
    <span id="demo"></span>
</div>
<div class="audioDiv">
    <audio autoplay preload="auto" id="myaudio">
        <%--<source src="/static/mp3/numb.mp3" type="audio/mp3"/>--%>
        <%--<source src="/static/mp3/lanlianhua.mp3" type="audio/mp3"/>--%>
    </audio>
</div>
<script>
    window.onload = function () {
        // 页面加载完成之后，通过给audio添加autoplay属性，音频下载完成之后自动播放
//      var oAudio = document.getElementById('myaudio');
//      oAudio.src = 'Le_Papillon.mp3';
    }
    //mp3文件名
    var mp3List = [
            'numb.mp3',
            'lanlianhua.mp3'
        ],
        //文件路径
        baseUrl = '/static/mp3/', index = 0;

    function getMusic(list) {
        var len = list.length,
            num = parseInt(Math.random() * len, 10),
            music = baseUrl + list[index];
        if (music) {
            return music;
        } else {
            getMusic(list, baseUrl);
        }
    }

    canPlay(playAudio);

    //查看是否支持audio标签，如果支持，预加载当前指向mp3文件
    function canPlay(callback) {
        var currentFile = getMusic(mp3List);
        try {
            var audio = new Audio();
            audio.oncanplay = function () {
                callback(currentFile);
            }
            audio.src = currentFile;
            audio.load();
        } catch (e) {
            callback(false, e);
        }
    }

    //play
    function playAudio(currentFile) {
        // Check for audio element support.
        if (window.HTMLAudioElement && currentFile) {
            try {
                var oAudio = document.getElementById('myaudio');
                oAudio.src = currentFile;
                if (oAudio.paused) {
                    oAudio.play();
                } else {
                    oAudio.pause();
                }
                oAudio.onended = function () {
                    index = index + 1;
                    if (index == 2) {
                        index = 0;
                    }
                    oAudio.src = getMusic(mp3List);
                    oAudio.play();
                }
            } catch (e) {
                // Fail silently but show in F12 developer tools console
                if (window.console && console.error("Error:" + e)) ;
            }
        }
    }
</script>
<script defer>
    //预定文字
    var text = "谨以此页送给2018年即将高考的莘莘学子们，距离高考还剩下不要一个月了，在这个飞扬跋扈，个性张扬的时代，我们这些桀骜不驯的青年总是爱展现着自我。这一群曾不被看好的90后，用自己的方式，渲染着青春的风采。\n" +
        "\n" +
        "我们的口头禅是：青春就是用来“浪费”的。可此处的浪费可不能顾名思义。我们浪费在绿茵场上，挥汗如雨;我们浪费在一起奋斗时紧握的双手上，永不言弃;我们浪费在追逐梦想的旅途上，大放异彩!浪费着却浇灌着我们成长的，青春。\n" +
        "\n" +
        "谁说青春就只顾埋首苦读?谁说青春只知年少轻狂?谁说青春敌不过现实的苍凉?我们的青春，就是在理想的道路上斩遍荆棘的勇气，不顾一切勇往直前的霸气，我们的青春我们做主。\n" +
        "\n" +
        "我们最爱放飞纸飞机，因为在纸飞机上写满了我们的希望，承载着我们的梦想。当它最接近天空的时候，我们满怀着喜悦的心情，是对未来的憧憬。纸飞机的寄语，在理想的蓝天上随风飞翔，永不坠落。\n" +
        "\n" +
        "看那操场，欢快奔跑的身影，汗水在阳光的刺激下发酵成了梦想的气泡;看那教室，每一方都留下我们追梦的足迹，遍地零碎的笑靥;看那课桌，有我们紧握的友谊，曾经用爱相互鼓励……深呼吸，我嗅到了空气中充斥着我们朗朗的笑声，奋斗的背影。我痴笑，那是青春的味道。\n" +
        "\n" +
        "我们也明白，这正是该努力的时候。当然，我们不会虚度光阴。在这花样年华，我们知道该用这样的态度面对，所以我们也一直在做着准备，等待着最后的浪头袭来时，奋起一搏，用我们的实力换来今后的扬帆远航，这样才不负曾经的辛苦拼搏。\n" +
        "\n" +
        "青春是什么，每个人都有自己的见解。我们只是爱借着青春的名义再肆无忌惮一次，用时光绘画着未来的颜色，用汗水打造着理想的殿堂，用岁月承载着曾经的梦想，再将他们一一打磨，雕刻成最美丽的模样。我们只是想这青葱的岁月，留下些回忆，这样的回忆，是能够让我们在多年之后笑着流泪，说，我不曾后悔。\n" +
        "\n" +
        "栀子花开，淡淡飘香，蓝色忧郁，多梦青春。蓦然回首，一串足迹，或深或浅，远去的身影在眼底跳跃，闪烁着银色般的月光。星夜漫漫，晚风拂过，带着一切既往年代的淡淡的馨香，窗外的柏树在狂醉的风中畅饮着月色芬香，穿越人生的悲欢沉浮，告别单纯的喜悦与无奈，开始欣赏世界的脸。\n" +
        "\n" +
        "青春，拥有蒲公英的执着与无畏，即使力气单薄，也要乘着风的翅膀飞向远处未开垦的处女地;乘着年轻的心放逐自己的生命，心底一声呐喊：没有什么能够阻挡我对自由的向往，天马行空的生涯，才发觉脚下的路。梦想远足，渴望飞翔，挣脱束缚一次次拼搏，选择鹰击长空的豪迈，拥抱蓝色的天空;拥有浪花的勇气，冲过暗礁划下最美的弧线。夜阑幽梦，以一种放浪形骸的姿势笑看人生：宠辱不惊，看庭前花开花落，去留无意;毁誉由人，望天上云卷云舒。梦里的自己，是漂泊的小草，在莽莽森林里咀嚼最原始的单纯，羡慕过飘荡的芦苇花，孤芳自赏，清高而寂寞;羡慕过梧桐的伟岸身躯，形单影只，多情而惆怅。晚风吹过，吹散了我的梦，天边的星光偷偷探出了头，在目光交汇的一刹那，那些关于青春的歌在心坎里反复吟唱，青春往事，如飞舞的雪花早已融化在我的身体里。不经意间，嘴角荡起一丝微笑。\n" +
        "\n" +
        "青春旅程，有迷茫，有痛苦，有危险，有悲伤，但终究还是无悔起程。和可爱的人交换可爱的心，手牵手，相视而笑，心与心靠近就能取暖。青春是一抹明亮的妩媚，夹杂着无知通往成熟的憔悴，手中的烟头吞噬着我年轻而寂寞的心，在平淡的文字里寻找一丝安慰与解脱，在青春这条奔腾不息的长河中，流淌着不可逃避的城府与躁动;流淌着母亲病痛中的挣扎和无助的呻吟;流淌着孩提时代无法打捞的苍凉梦境;流淌着山盟海誓的承诺和儿时的嬉笑欢歌，流过千山万水，还要淌过万水千山。注定成为我刻骨铭心的记忆。恍惚间，在空中，我看见年轻的自己在路上吹着口哨，哨音里有忧伤凄楚的调子。青春给了我们飞翔的翅膀，给了我们一颗火热的心，在生命的历程中，曾经拥有过这片美丽的风景，我想这也就算是不虚此生了吧。\n" +
        "\n" +
        "“我不去想能否成功，既然选择了远方，便只顾风雨兼程，我不去想身后会不会袭来寒风冷雨，既然目标是地平线，留给世界的只能是背影。”汪国真的诗颇有几分儒生的豪气，但我更愿将它看成是青春的誓言，年轻的我们在路上，乘着青春的热血将自己放逐一次，去远方，去创造生命最坚韧的奇迹，无畏前方的路，勇敢的接受人生大风大浪的洗礼。\n" +
        "\n" +
        "我静静地仰望天空，寻找失落的青春。回过头，却看见一片过往的茫然，我该怎么办?是继续抑或是等待?\n" +
        "\n" +
        "十五岁的年龄，是洋溢青春的花季，站在人群中，我却显得格格不入，黯淡无光。就好像大雨中飞翔的小鸟，筋疲力尽，渴望阳光。\n" +
        "\n" +
        "青春如一道抛物线，优美的划过空中。对着他许愿，想成为那些刻在椅子背后的故事中的主角，会不会像淤泥上的花朵，开出没有花的寂寞的森林。\n" +
        "\n" +
        "青春是一块大表，时间不停的流失，可我抓不住他。朝霞和夕阳，反复反复再反复，覆水难收。飞吹起如花般破碎的流年，看天，看雪，看季节深深的倩影。\n" +
        "\n" +
        "青春是一场暴风雨，风雨之后，必有一段彩虹。可是迷失在这场暴风雨中的少年，出现了前所未有的叛逆，我们叫嚣着，逼自己长出一身的刺，鲜血淋淋。从此，桀骜不驯。\n" +
        "\n" +
        "而我则在这场暴风雨中迷失了方向。向左还是向右，我仿徨难绝。我憧憬摩天轮，因为传说仰望摩天轮就是在仰望幸福。摩天轮永远木讷的转着，我的青春是否也想摩天轮那样永远木讷的转着?答案我想我们都知道。摩天轮会永恒的转着，我们的青春会如一条直线永远没有交点。\n" +
        "\n" +
        "青春茬苒，我继续桀骜不驯，继续叛逆。老师不停的说：“世间万物各有时节，过早的成熟会过早的凋零。”可我偏不听，，我认为我长大了，我有了坚实的翅膀，我可以向空中的鸟儿那样自由自在的飞翔。飞得再高，也有筋疲力尽的时候。老师的苦口婆心，家长的唠叨，终有一天会成为事实。\n" +
        "\n" +
        "我不明白，花一样季节的我们，却要遭受牢笼般的“折磨”。我就好比一只大鸟，关在狭窄的空间里，不停地用翅膀拍打着牢笼，我却也无济于事。\n" +
        "\n" +
        "终有一天，我挣脱了牢笼，挣脱了束缚。我逃了出来，来到大海边，大声地呼喊：“我该怎么做!”我荡漾在蔚蓝的心海，看着鱼儿从水中游过，宁静中总是伴着寂寞。\n" +
        "\n" +
        "或许只有吃尽苦头，我们才能明白，老师的苦口婆心是正确的。原来我们的翅膀还未饱满，还是稚嫩的。所谓的成熟，或许是我们自认为自己从稚嫩走向成熟。\n" +
        "\n" +
        "收起锋芒，将自己一身的刺折断，感受亲情的温馨。青春虽是桀骜不驯的，但是青春也需要用爱来浇灌，因为爱需要提醒!\n" +
        "\n" +
        "如果给我一张纸，我会画出安徒生的童话世界，我会画出凡尔纳的海底世界，或许我不能像梵高那样画出炯炯的向日葵，我也无法与毕加索的抽象画相媲美，但我可以画出我的天堂。\n" +
        "\n" +
        "如果给我一本书，我会选择格林童话，撑起我心中的美丽，同王子一起赴宴，我会挑起我最爱的水晶鞋，穿起最华丽的衣裳，虽在半路遇见嫉妒的女仆，纵然在屋里蹿出狡猾的狐狸，我都会逢凶化吉，在王子的怀里甜蜜的微笑。\n" +
        "\n" +
        "丰子恺的漫画实着让人着迷，那是未泯的童心，寥寥几笔，就勾勒出他幻想的世界。可那只是幻想，尘封在曾辉煌的角落，埋藏在曾喜悦的心中。\n" +
        "\n" +
        "可惜豆蔻年华般的少女的心，却坚硬如石，这是怎样的悲哀，让一张白皙的纸，画的天花乱坠。\n" +
        "\n" +
        "他也从不愿将一个天朝赐予我，纵然我会机械的舞蹈和一套高谈阔论。\n" +
        "\n" +
        "曾经我低头，看到夹着泥土的石子路，我蹦跳着寻找我快乐的源泉。但如今，我看到的是柏油马路燃起令人作呕的火焰。座座耸立的高楼，张牙舞爪，在吞噬，一点点被腐蚀的心。\n" +
        "\n" +
        "只是，你永远不懂我的伤悲，渴望将要破土重归大地，黑暗却在顷刻间，一脚踩下，我不灭的希望。\n" +
        "\n" +
        "青春从不卑微。\n" +
        "\n" +
        "曾经的天真无邪，曾经的年少轻狂被丢弃去哪里?如今的看穿世俗，踏破红尘又从何而来?从始至终，我一直在寻找，那个令我向往的地方。天堂。\n" +
        "\n" +
        "我依旧年轻，盛着不灭的希望之火，度过寒秋，流失的灰烬在荒无人烟的岛屿燃烧，我一直在渴望，一直在寻找，那个令我向往的天堂。\n" +
        "\n" +
        "或许在年迈的时候，我依然撑起火炬，看今朝，数谁最风流?\n" +
        "\n" +
        "会有一天，我会长满苍白的发，依靠用檀木编织的摇椅上。回忆在阳光下，被分割成一段一段。也不知道哪段是初，哪段是末。只记得，曾发生过这样的事。也不只是在别人身上发生的，还是在自己身上。只记得，曾发生过这样的事。\"记得的都已不存在，存在的都已不记得.\"\n" +
        "\n" +
        "青春的我们，会有疼痛，会有泪水，会有笑容浮现。在漂泊的路上，我们时常迷失方向，时常捡拾到贝壳，时常需要一双手的引领。会有一天，你会失去一些人。而也会拥有一些人。失去的痛苦，谁也不想体会，人民都知道那是苦楚的。或许，你会伤心，悲痛......可是，我想说。每个人都只能陪人一程，永远的陪同，或许是不可能的。可是也不需要感到悲伤。那是每个人都会体会到的。可是我们应该对自己说，我们往往拥有的比失去的多得多。我们更应该珍惜彼此的存在。更应该珍惜现在所拥有的。花开了，很妖艳。花谢了，很凄美。即使再美，也会有一天失去。我只是狠狠地告诉自己，要坚强!我们，不再悲伤。我们会彼此拥抱成长，彼此抚摸伤口......\n" +
        "\n" +
        "左手青春，右手年华。在那些消逝的日子里，一切的一切都值得回忆，哪怕，是分离。\n" +
        "\n" +
        "我们总在告别中强调着坚强，告别了旧的日历，去撕明天的日历。告别了我的昨天，我将拾起你遗落的叶子。一路踏火而行，邂逅明天。\n" +
        "\n" +
        "学会了坚强，就无法允许自己软弱，学会了微笑，就要把哭泣的痕迹彻底埋葬。这样的我们，带着蜕变的笑成长。\n" +
        "\n" +
        "这样的我们，溢满了青春的年龄。\n" +
        "\n" +
        "左手青春，右手年华。";
    //文字出现的时间间隔
    var delay = 200;
    //初始化变量 i
    var i = 0;

    function scrollit() {
        //设置 id 为 demo 的对象内的文字为从变量 text 的 0 开始到 i 间的文字加"_"
        demo.innerText = text.slice(0, i++) + "_";
        //当 i 大于 text 的文本长度时
        if (i > text.length) {
            //重设 i 为 0，使文字重新从第一个文字出现
            i = 0;
            //延时执行scrollit()函数,delay*10是为了让显示完整文字的时间长一点
            setTimeout("scrollit()", delay * 10 * 2);
        } else { //否则在delay毫秒后再次执行scrollit()函数
            setTimeout("scrollit()", delay);
        }
    }

    scrollit();
</script>
<p/>
</body>
</html>
